import React, { PureComponent } from "react";
import { Menu, Icon } from "antd";
import { Link } from "react-router-dom";
import "antd/dist/antd.css";

export default class Header extends PureComponent {
  render() {
    return (
      <div>
        <Menu mode="horizontal">
          <Menu.Item key="mail">
            <Link to="/retailers">
              <Icon type="home" />健身器材采购网
            </Link>
          </Menu.Item>
          <Menu.SubMenu
            title={
              <span>
                <Icon type="bars" />我的
              </span>
            }
          >
            <Menu.Item key="setting:1">
              <Link to="/retailers/cart">购物车</Link>
            </Menu.Item>
            <Menu.Item key="setting:2">
              <Link to="/retailers/order">我的订单</Link>
            </Menu.Item>
          </Menu.SubMenu>
          <Menu.Item key="alipay">
            <Icon type="user" />关于我们
          </Menu.Item>
        </Menu>
      </div>
    );
  }
}
